@blue :#3296FA;
.confirm-con {
    position: relative;
    width: 100%;
    height: 100%;
    .confirm-profile {
        .am-input-item {
            padding-left: 0.24rem !important;
        }
        .confirm-must {
            color: #dd4530;
            display: inline-block;
            vertical-align: middle;
            width: 0.3rem;
            text-align: center;
        }
        .optional {
            color: #dd4530;
        }
        .required {
            color: #333;
        }
        .job-number {
            text-align: left;
            font-size: 0.28rem;
            color: #999;
            height: 0.7rem;
            line-height: 0.7rem;
            padding: 0 0 19px 58px;
        }
        .step-one-required {
            color: #dd4530;
            display: inline-block;
            vertical-align: middle;
            width: 0.3rem;
            text-align: center;
            margin: 0;
        }
        .step-one-optional {
            display: inline-block;
            width: 0.3rem;
            margin: 0;
        }
        .am-list-item.am-textarea-item,
        .am-list-item.am-input-item {
            left: 0;
            border-bottom: 1px solid #ededed;
        }
        .am-list-item.am-input-item:after {
            border: none;
        }
        .am-list-item .am-input-label.am-input-label-5 {
            width: 2.5rem;
        }
        .am-list-item .am-textarea-label.am-textarea-label-5 {
            width: 2.75rem;
            padding-left: 0.58rem;
            box-sizing: border-box;
        }
        .am-list-item .am-textarea-control textarea {
            padding-left: 0 !important;
        }
    }
    .job-number {
        text-align: left;
        font-size: 0.28rem;
        padding-left: 0.3rem;
        color: #999;
        height: 0.88rem;
        line-height: 0.88rem;
    }
    .am-list-item .am-input-label.am-input-label-5 {
        width: 2.5rem;
    }
    .dept-input-container {
        position: relative;
        .dept-arrow-ico {
            position: absolute;
            width: 48px;
            right: 20px;
            top: 10px;
            color: #ccc;
        }
        input#dept-input {
            text-align: right;
            padding-right: 45px;
        }
        input#dept-input::-webkit-input-placeholder {
            color: #000;
        }
    }
}
.job-number {
    text-align: left;
    font-size: 0.28rem;
    padding-left: 0.3rem;
    color: #999;
    height: 0.88rem;
    line-height: 0.88rem;
}

.regular-time-alert {
    text-align: left;
    font-size: 0.28rem;
    padding-left: 0.3rem;
    color: #999;
    height: 0.88rem;
    line-height: 0.88rem;
    padding-bottom: 0.19rem;
}
.am-list-item .am-input-label.am-input-label-5 {
    width: 2.5rem;
}
.entry-success {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    box-sizing: border-box;
    // padding: 44px 64px 0;
    color: #191f25;
    .entry-header {
        // text-align: left;
        width: 100%;
        height: 320px;
        background-color: #fff;
        overflow: hidden;
        img {
            height: 80px;
            width: 80px;
            display: inline-block;
            margin: 60px 0 0;
            vertical-align:bottom;
        }
        h4 {
            font-size: 34px;
            margin: 34px 0 0;
        }
        p {
            margin: 0;
            font-size: 26px;
        }
    }
    .entry-body {
        width: 100%;
        height: auto;
        padding: 48px 48px 0;
        box-sizing: border-box;
        .entry-card {
            position: relative;
            width: 100%;
            height: 464px;
            overflow: hidden;
            background-color: #fff;
            border: 1px solid rgba(25,31,37,0.12);
            box-shadow: 0 0 30px 0 rgba(212,212,212,0.50);
            border-radius: 6px;
            // margin-top: 54px;
            box-sizing: border-box;
            padding: 43px 40px 0;
            display: flex;
            flex-direction: column;
            .entry-con {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
            }
            .entry-name {
                text-align: left;
                p {
                    margin: 0;
                    font-size: 28px;
                    color: #191F25;
                }
                .name {
                    font-size: 40px;
                    font-weight: 600;
                    opacity: 1;
                }
            }
            .entry-avatar {
                width: 96px;
                height: 96px;
                line-height: 96px;
                background-color: #3296fa;
                border-radius: 50%;
                font-size: 28px;
                color: #fff;
                display: inline-block;
                overflow: hidden;
                font-weight: bold;
                img {
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
            .hireDate {
                position: absolute;
                bottom: 0;
                left: 50%;
                height: 148px;
                width: 100%;
                padding: 0 40px;
                // margin-left: -303px;
                transform: translateX(-50%);
                border-top: 1px solid rgba(25,31,37,0.12);
                font-size: 26px;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                .share-btn {
                    width: 590px;
                    height: 88px;
                    line-height: 88px;
                    border-radius: 6px;
                    background-color: #3296fa;
                    color: #fff;
                    font-size: 34px;
                    margin: auto;
                }
            }
        }
    }
    .entry-prompt {
        text-align: left;
        color: #7D8082;
        font-size: 28px;
        margin-top: 36px;
        p {
            margin: 0;
            display: flex;
            align-items: center;
            i {
                border-radius: 50%;
                width: 12px;
                height: 12px;
                background-color: #F25643;
                display: inline-block;
                margin-right: 16px;
            }
            .has-data {
                background-color: #15BC83;
            }
        }
    }
    .confirmed-btn {
        color: #fff;
        border-radius: 6px;
        margin: 60px auto 0;
        width: 100%;
        height: 88px;
        line-height: 88px;
        background-color: #2A93FD;
    }
}
#dingapp {
    .confirm-wrap {
        .am-list-item .am-list-line .am-list-extra {
            // -webkit-flex-basis: 50%;
            // -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            color: #191f25;
            font-size: 0.34rem;
        }
    }
}
